import { createApp } from 'vue'
import { createPinia } from 'pinia'

import App from './App.vue'
import router from './router'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import zhCn from 'element-plus/es/locale/lang/zh-cn'
import 'vue-data-ui/style.css' // 包括CSS

// 您可以全局声明 Vue Data UI 组件
import { VueUiRadar } from 'vue-data-ui'
// Since v3.2.0 treeshake import:
import VueUiXy from 'vue-data-ui/vue-ui-xy'

import dayjs from 'dayjs'
import 'dayjs/locale/zh-cn' // Import Chinese locale for Day.js
dayjs.locale('zh-cn') // Set Day.js global locale to Chinese

const app = createApp(App)
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}
app.use(createPinia())
app.use(router)
app.use(ElementPlus, { locale: zhCn })
app.component('VueUiRadar', VueUiRadar)
app.component('VueUiXy', VueUiXy)

app.mount('#app')
